const app = getApp();
const Controller = require('../controllers/controllers.js').controller;
Page({

  /**
   * 页面的初始数据
   */
  data: {

  //呢称
    userInfo:{},


   

    
  },  

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log('userInfo')
    this.info()
  },

  info(){
     
     Controller.info({}).then(res=>{
       let userInfo=res.data.baseData
       
        this.setData({
          userInfo
        })
     })
  },


 //打开弹框
  openAvatarFrame(e){
      this.data.uploadImageComponents.open()
  },
  openNameFrame(e){
      this.data.updateNameComponents.handleOpen()
  },


  //上传图片
  uploadImg(e){
    console.log('e',e.detail)

    this.data.userInfo.portrait=e.detail
  
   
   this.updateInfo('portrait')
  },
  



  //修改名字
  updateName(e){

    let updateNameComponents=this.selectAllComponents("#updateName")[0]
    // updateNameComponents.handleCancel()
    console.log('updateNameComponents',this.data.updateNameComponents.handleCancel())


    this.setData({
      'userInfo.nick':e.detail.value
    },()=>{
        //发起请求
    this.updateInfo('nick')
    })
    
  

  },



  //调用更新用户信息接口

  updateInfo(type){
  
    let obj={}
    let that=this
    if(type=='nick'){
      obj={nick:that.data.userInfo.nick}
    }
   if(type=='portrait'){
      obj={portrait:that.data.userInfo.portrait}
   }
   console.log('obj==>',obj)
    Controller.updateInfo(obj).then(res=>{
      this.info()

      wx.showToast({
        title: '更新成功',
        icon:'none'
      })
      if(type=='portrait'){
        this.data.uploadImageComponents.handleCancel()
     }
    })
   },
  
  

  
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    // 获取修改呢称的实例
      this.data.updateNameComponents=this.selectAllComponents('#updateName')[0]
   // 获取上传头像的实例
      this.data.uploadImageComponents=this.selectAllComponents('#uploadImage')[0]
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})